	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<script type="text/javascript" src="libs/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="pub/JSCommonUtil.js"></script>
		<title>基本测试</title>
	</head>


	<body>
		<p>jc-reuse=$id, $id为自己定义的字符串，要确保其在当前模板的唯一性,如果不唯一，会被后面扫到的jc-reuse覆盖掉（以后会加入唯一性验证），重新渲染时，只要

		jc.th($('#father1')).reRender($id,data)
		注意，#father1,为当前模板的被渲染的父div
		</p>
		<h2>2s后会，自动重新渲染</h2>
		<div id="father1">
			
		</div>
		<h2>jc-reuse +jc-repeat 复杂应用</h2>
		<div id="father2">
			
		</div>
		<!-- 33{{new Date|filter}}33 -->
		<!-- {{a.b}} -->
		<script type="text/javascript">
		var session={};
		$(function(){
			var data={
				data:[{a:1},{a:2},{a:3}]
			}
			// jc.render(data,"test_reuse_1",$('#father1'),function(){
			// 	setTimeout(function(){
			// 		var data = {
			// 			data:[{a:3},{a:2},{a:1}]
			// 		}
			// 		jc.th($('#father1')).reRender("ulreuse",data)
			// 	},2000)
			// })

			var data2 ={
				select:"v1",
				selectData:[
					{key:"v1",value:"show reuse 1"},
					{key:"v2",value:"show reuse 2"}
				]

			}
			jc.render(data2,"test_reuse_2",$('#father2'),function(th){
				th.bind("select",function(v){
					var reuseData={
						arr1:[
							{
								v1:"v1  1value",
								v2:"show"
							},
							{
								v1:"v1  2value",
								v2:"hide"
							}
						],
						arr2:[
							{
								arr:[
								{
									key:"arr2  1---key1",
									value:"arr2  1---value1",
								},{
									key:"arr2  1---key2",
									value:"arr2   1---value2",
								}]
							},
							{
								arr:[
								{
									key:"arr2  2---key1",
									value:"arr2  2---value1",
								},{
									key:"arr2  2---key2",
									value:"arr2   2---value2",
								}]
							}
						]
					}
					if(v==="v1"){
						th.reRender("reuse1",reuseData)
					}else{
						th.reRender("reuse2",reuseData)
					}
				})
			})
		})
		</script>
	</body>
</html>